<%--
  Created by IntelliJ IDEA.
  User: 王韫琛
  Date: 2021/2/1
  Time: 3:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户信息浏览界面</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/webjars/layui/2.5.6/css/layui.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/webjars/layui/2.5.6/layui.all.js">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/webjars/layui/2.5.6/layui.js">
</head>
<table id="demo" lay-filter="test">
</table>
<script type="text/javascript" src="${pageContext.request.contextPath}/webjars/layui/2.5.6/layui.js"></script>
<script>
    layui.use('table', function(){
        var table = layui.table;
        //渲染表格组件
        table.render({
            elem: '#demo'//绑定表格元素，推荐使用ID选择器
            ,height: 468
            ,url: '/OtherUserInformationDTO' //异步请求的地址,加入分页后，默认使用page(当前页码)和limit(每页显示数量)作为参数名称
            , toolbar: '#toolbarDemo' //开启头部工具栏，并为其绑定左侧模板
            , defaultToolbar: ['filter', 'exports', 'print']
            ,cols: [[ //表头
                //field属性：字段属性，该属性与实体类的属性名一致
                //title属性：表头文本
                //sort标识是否排序
                {field: 'house_username',width:90, title: '户主姓名', fixed: 'left',align:"center"}
                ,{field: 'sum_family',width:90, title: '家庭人数',align:"center"}
                ,{field: 'home_phone', title: '住户电话',align:"center" }
                ,{field: 'house_number',width:80, title: '门牌号',align:"center"}
                ,{field: 'nation', width:90,title: '民族',align:"center"}
                ,{field: 'bus_type', width:100,title: '交通工具',align:"center"}
                ,{field: 'ticket', title: '车辆号',align:"center"}
                ,{field: 'interchange', title: '中转站',align:"center"}
                ,{field: 'emergency_contact',width:90, title: '紧急联系人',align:"center"}
                ,{field: 'emergency_contact_number', title: '紧急联系人电话',align:"center"}
                ,{field: 'addtime', title: '添加时间',align:"center"}
                ,{field: 'remark', title: '备注',align:"center"}
            ]]
        });
    });
</script>
</body>
</html>

